<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>我的相册——相册一</title>
    <link rel="stylesheet" type="text/css" href="public/styles/indexBasis.css">
    <link rel="stylesheet" type="text/css" href="public/styles/homePageBasis.css">
</head>
<body>
<div class="main_wrapper">
    <!--页头-->
    <header class="head">
        <div class="Top">
            <nav>
                <div class="logo">
                    <a href="#"><img src="public/images2/LOGO.png"/></a>
                </div>
                <div class="top_nav">
                    <ul>
                        <li ><a href="index.html">首页</a></li>
                        <li ><a href="world.html">世界</a></li>
                        <li ><a href="message.html">消息</a></li>
                    </ul>
                </div>
                <!--搜索框-->
                <div class="search_bar">
                    <form method="GET" action="search.html">
                        <input type="text" placeholder="搜索从这里开始..." class="search_box" name="search" id="search_box">
                        <input type="submit" class="search_sub" id="search_sub" value=" ">
                    </form>
                </div>
                <!--用户-->
                <div class="user">
                    <ul>
                        <li><img src="public/images2/logo.png"/></li>
                        <li><span><a href="homePage-Blog.html">吴亦凡</a></span></li>
                    </ul>
                </div>
                <!--设置-->
                <div class="setting">
                    <img src="public/images2/set01.png"/>
                </div>
                <div class="setting_select">
                    <ul>
                        <li><a class="draftBox">草稿箱</a></li>
                        <li><a href="changeinfo.html">资料设置</a></li>
                        <li><a href="#">退出登录</a></li>
                    </ul>
                </div>
            </nav>
        </div>
        <div class="draftContent">
            <div class="draft_title">草稿箱</div>
            <div class="draftClose" title="关闭草稿箱"><img src="public/images2/del.png"/></div>
            <section>
                <div class="draft_time">2017-12-11</div>
                <div class="draft_blog">
                    <div class="blog_title">
                        哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                    </div>
                    <div class="blog_list">
                        <ul>
                            <li><a href="#" title="发送"><img src="public/images2/send.png"/></a></li>
                            <li><a href="#" title="继续编辑"><img src="public/images2/M.png" /></a></li>
                            <li><a href="#" title="删除"><img src="public/images2/trash.png"/></a></li>
                        </ul>
                    </div>
                </div>
            </section>
            <section>
                <div class="draft_time">2017-12-10</div>
                <div class="draft_blog">
                    <div class="blog_title">
                        哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                    </div>
                    <div class="blog_list">
                        <ul>
                            <li><a href="#" title="发送"><img src="public/images2/send.png"/></a></li>
                            <li><a href="#" title="继续编辑"><img src="public/images2/M.png" /></a></li>
                            <li><a href="#" title="删除"><img src="public/images2/trash.png"/></a></li>
                        </ul>
                    </div>
                </div>
                <div class="draft_blog">
                    <div class="blog_title">
                        哈哈哈哈哈哈哈哈哈哈哈哈哈哈
                    </div>
                    <div class="blog_list">
                        <ul>
                            <li><a href="#" title="发送"><img src="public/images2/send.png"/></a></li>
                            <li><a href="#" title="继续编辑"><img src="public/images2/M.png" /></a></li>
                            <li><a href="#" title="删除"><img src="public/images2/trash.png"/></a></li>
                        </ul>
                    </div>
                </div>
            </section>

        </div>
    </header>
    <!--内容-->
    <div class="content">
        <div class="top_banner">
            <img src="public/images/myphoto.jpg" alt="">
            <h1>_SUYI-CHAN</h1>
            <a id="introduce" href="javascript:showIntroduce();">
                一句话介绍一下自己吧，让别人更了解你
            </a>
        </div>
        <div class="content_bar">
            <ul>
                <li><a href="home.html" id="blog">博文</a></li>
                <li><a href="album.html" id="album">相册</a></li>
                <li><a href="friend.html" id="friend">博友</a></li>
                <li><a href="likeme.html" id="likeme">我的赞</a></li>
                <li><a href="info.html" id="info">关于我</a></li>
            </ul>
        </div>
        <div class="moments">
            <div class="photoBox">
                <div class="photoHead">
                    <div class="photoTitle">

                    </div>
                    <div class="photoUp">
                        <a title="点击上传图片"> <img src="public/images3/G.png"/>上传图片</a>
                    </div>
                </div>
                <div class="photoMinList">

                </div>
                <!--点击查看某一张照片大图-->
                <div class="photoDetail">
                    <!--这张照片的名字-->
                    <div class="photoName">
                        这张照片的名字
                    </div>
                    <!--大图-->
                    <div class="photoBig">
                        <img src="public/images/banner.jpg"/>
                    </div>
                    <!--点赞、删除、关闭大图-->
                    <div class="comment_list">
                        <ul>
                            <li><a onclick="likePic(this)" title="点赞" id="like1" class="like" >
                                <img src="public/images3/E.png"/></a><span>(0)</span></li>
                            <li><a onclick="hidePhotoDetail()" title="删除" id="delPhoto" class="delete">
                                <img src="public/images3/I.png"></a></li>
                            <li><a onclick="hp()" title="关闭" id="closePhoto" class="close">
                                <img src="public/images2/del.png"/></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--新增图片-->
        <div class="addPhotoBox">
            <p>相片名字</p>
            <form method="post" action="">
                <!--照片名字输入-->
                <input type="text" name="picturename" placeholder="请输入图片名称" class="inputPicTitle">
                <p>
                    <a>
                        <input type="file" value="" id="choosePicContent" class="choosePicContent" title="选择图片" style="display: none;">
                        <label for="choosePicContent">
                            <img src="public/images2/J.png"/>
                        </label>
                    </a>
                </p>
                <!--预览框-->
                <div class="previewPhoto" id="upPicPicContent"></div>
                <!--提交-->
                <input type="button" onclick="submitPic(this)" value=" " class="submitPhotoContent" title="上传">
            </form>

            <a class="closeAdd" ><img src="public/images2/answer-del.png"/></a>
        </div>
        </div>
</div>
    <!--返回顶部按钮-->
    <button class="backTop"></button>
    <!--固定底部头像-->
    <!--<div class="fix_foot">
        <div class="myPhoto"><a href="#"><img src="public/images/myphoto.jpg"/></a></div>
        <div class="back"><img src="public/images2/a.png"/></div>
    </div>-->
    <!--页脚-->
    <footer>
        <ul class="share_group">
            <li><a href="#">关于FODIA</a></li>
            <li><a href="#">手机玩FODIA</a></li>
            <li><a href="#">认证&合作</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
        <div class="copy">
            &copy FODIA- 2017 | Power By Fodia
        </div>
    </footer>
    <!--转载提示弹出框-->
    <div class="tip_dialog" id="tip">

    </div>
    <!--遮罩-->
    <div class="mask"></div>

    <!--简介弹出框-->
    <div class="int_mask" id="int_mask" onselectstart="return false"></div>
    <div class="int_dialog" id="int_dialog">
        <div class="int_dialogTitle" id="int_dialogTitle">
            请输入你的简介
            <a onclick="hideIntroduce()" class="int_dialogTitleCloseButton">
                <img src="public/images2/del.png"/></a>
        </div>
        <div class="int_dialogContent">
            <form method="post" action="">
                <textarea name="brief" id=""  placeholder="请输入你的简介……" class="inputIntro"></textarea>
                <input type="button" value=" " onclick="changeBrief(this)" class="submitIntro">
            </form>
        </div>
    </div>
<script type="text/javascript" src="public/js/jquery.js"></script>
<script type="text/javascript" src="public/js/uploadifive.min.js"></script>
<script type="text/javascript" src="public/js/functions.js"></script>
<script type="text/javascript" src="public/js/main.js"></script>
<script type="text/javascript" src="public/js/album.js"></script>
</body>
</html>